<!DOCTYPE html>
<html>
	<head>
<meta charset="UTF-8" />
<title>盒子内边距padding的使用</title>
<style type="text/css">
<!--/*
div{
border:6px #000000;
background-color:#FFFFCC;
margin:20px; padding:5px;
*/
.outside{
	/*padding-top:10px; padding-right:30px; padding-bottom:50px; padding-left:100px;  按顺时针顺序*/
	padding:10px 30px 50px 100px;
	border:1px solid #000000;		/*外边框*/
	background-color:#fffcd3;		/*外背景*/
}
.inside{
	background-color:#66B2FF;
	border:1px solid #005dbc;
	width:100%;
	line-height:40px;
	text-align:center;
	font-family:Arial;
}
-->
</style>
	</head>
<body>
	<div style="border-style:dashed">The border-style of dashed.</div>
	<div style="border-style:dotted">The border-style of dotted.</div>
	<div style="border-style:double">The border-style of double.</div>
	<div style="border-style:solid">The border-style of solid.</div>
	<hr color="red" />
	<div class="outside">
		<div class="inside">padding</div>
	</div>
</body>
</html>